<!DOCTYPE html>
<html dir="ltr" lang="zh_cn"><!--<![endif]--><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>结账</title>


    <link rel="stylesheet" href="./css/layer.css?v=3.1.1" id="layuicss-layer">

    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="./css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" media="screen">

    <link href="./css/stylesheet.css" rel="stylesheet">


</head>
<body class="checkout-checkout" ontouchstart="" onmouseover="">
<div id="app-checkout">
    <a href="#page-top" class="go-top" style="display: none;"><i class="iconfont"></i></a>


    <div class="container">
        <ul class="breadcrumb">
            <li><a href="https://mall.opencart.cn/">首页</a></li>
            <li><a href="https://mall.opencart.cn/index.php?route=checkout/cart">购物车</a></li>
            <li><a href="https://mall.opencart.cn/index.php?route=checkout/checkout">结账</a></li>
        </ul>

        <div class="row">
            <div id="content">
                <div class="col-sm-12">
                    <div class="nav-bar mr-0 ml-0">结账</div>
                </div>
                <div class="quick-checkout-wrapper">
                    <div class="main-section-wrapper mb-2">
                        <div class="checkout-section " id="shipping-address-section">
                            <div class="title-wrapper">
                                <h2 class="mb-0">
                                    配送地址
                                    <span class="btn-new-address text-primary">添加新地址</span>
                                </h2>
                            </div>
                            <div id="shipping-existing">
                                <ul>
                                    <li data-address-id="342" class="active">
                                        <div class="item">
                                            <i class="fa fa-map-marker" aria-hidden="true"></i>
                                            cloud (12312312312)<br>上海市市辖区徐汇区sdadasd<br>123123
                                        </div>
                                        <div class="address-action">
                                            <span class="edit"><i class="iconfont"></i></span>
                                        </div>
                                    </li>
                                </ul>
                                <input type="hidden" name="shipping_address_id" value="342">
                            </div>
                        </div>


                        <div class="checkout-section" id="payment-method-section">
                            <h2>支付方式</h2>
                            <div class="radio active">
                                <label>
                                    <input type="radio" name="payment_method" value="alipay" checked="checked">
                                    支付宝
                                </label>
                            </div>
                            <div class="radio ">
                                <label>
                                    <input type="radio" name="payment_method" value="wechat_pay">
                                    微信支付
                                </label>
                            </div>
                            <div class="radio ">
                                <label>
                                    <input type="radio" name="payment_method" value="bank_transfer">
                                    银行转账
                                </label>
                            </div>
                            <div class="radio ">
                                <label>
                                    <input type="radio" name="payment_method" value="cod">
                                    货到付款
                                </label>
                            </div>
                        </div>

                        <div class="checkout-section" id="shipping-method-section">
                            <h2>配送方式</h2>
                            <div class="radio active">
                                <label>
                                    <input type="radio" name="shipping_method" value="free.free" checked="checked">
                                    免费配送 - ￥0.00</label>
                            </div>
                        </div>

                        <div class="checkout-section" id="cart-section">
                            <h2>购物车</h2>
                            <div class="product-item">
                                <img src="https://mall.opencart.cn/image/cache/catalog/mi/product/product-15-100x100.png" class="img-responsive">
                                <div class="info">
                                    <span class="name">Sony/索尼 WH-H900N头戴式无线蓝牙降噪耳机</span>
                                    <span class="text-muted">Product 7</span>
                                    <span>￥199.00 x 3</span>
                                    <span class="total">￥597.00</span>
                                </div>
                            </div>
                            <div class="product-item">
                                <img src="https://mall.opencart.cn/image/cache/catalog/mi/product/product-9-100x100.png" class="img-responsive">
                                <div class="info">
                                    <span class="name">Apple/苹果 13 英寸 2.3GHz 处理器 128GB 存储容量 MacBook Pro</span>
                                    <span class="text-muted">Product 21</span>
                                    <span>￥188.00 x 1</span>
                                    <span class="total">￥188.00</span>
                                </div>
                            </div>
                            <div class="list-two-column-justified">
                                <dl>
                                    <dt>
                                        <span>商品总额</span>
                                    </dt>
                                    <dd>
                                        <span>￥785.00</span>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <span>免费配送</span>
                                    </dt>
                                    <dd>
                                        <span>￥0.00</span>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>
                                        <strong>订单总额</strong>
                                    </dt>
                                    <dd>
                                        <strong>￥785.00</strong>
                                    </dd>
                                </dl>
                            </div>
                        </div>

                        <div class="checkout-section" id="comment-section">
                            <h2>订单留言</h2>
                            <textarea name="comment" rows="4" class="form-control"></textarea>
                        </div>

                        <div class="checkout-section" id="agree-section">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="terms" value="1"> <span>我已阅读并同意 <a href="https://mall.opencart.cn/index.php?route=information/information/agree&amp;information_id=5" class="agree"> <b>使用条款</b></a></span>
                                </label>
                            </div>
                        </div>


                        <div class="ml-1 mr-1">
                            <input type="button" value="确认订单" id="button-submit" data-loading-text="正在加载..." class="btn btn-primary btn-block">
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>

    <footer>
        <div class="language-currency-wrapper mb-1 mt-1">
            <a href="#" id="switch-language">
                <img src="catalog/language/zh-cn/zh-cn.png" alt="简体中文" title="简体中文">
                简体中文
            </a>



            <a href="#" id="switch-currency">
                ￥  人民币
            </a>



        </div>
        <div class="container">
            <div class="footer-powered">
                技术支持 <a href="http://www.opencart.cn">opencart.cn</a> OpenCart 3.0 中文专业版 - PHP 开源电商系统 © 2018
            </div>
        </div>
    </footer>
    <nav id="bottom-tab-menu">
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/">
                <i class="iconfont"></i>
                <div class="name">首页</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/index.php?route=product/search">
                <i class="iconfont"></i>
                <div class="name">搜索</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/index.php?route=mobile/categories">
                <i class="iconfont"></i>
                <div class="name">分类</div>
            </a>
        </div>
        <div class="menu-item cart">
            <a class="active" href="https://mall.opencart.cn/index.php?route=checkout/cart">
                <i class="iconfont"><span class="cart-total" style=""></span></i>
                <div class="name">购物车</div>
            </a>
        </div>
        <div class="menu-item">
            <a class="" href="https://mall.opencart.cn/index.php?route=account/account">
                <i class="iconfont"></i>
                <div class="name">我的</div>
            </a>
        </div>
    </nav>
</div>



<script>

    new Vue({
        el: '#app-checkout',
    });
</script>
</body></html>